---
title: SSR | gluestack-ui
description: gluestack-ui components can be rendered on the server.
---

import { Canvas, Meta, Story } from '@storybook/addon-docs';

<Meta title="ui/Guides/Configuration/Server-Side Rendering" />

# Server-side rendering (SSR)

Server-side rendering (SSR) is a technique that enables the rendering of web pages on the server before sending them to the browser. SSR can help improve the performance of web applications by reducing the time it takes for the first page to load, enhancing SEO, and improving accessibility.

gluestack-ui components are built on top of React Native Web and `@gluestack-style/react`, and can be rendered server-side using Next.js or any other server-side rendering framework.

However, for more advanced server-side rendering scenarios, such as with Next.js, some configuration may be necessary. In these cases, you may need to install and configure additional packages, such as next-transpile-modules, to ensure that the gluestack-ui components are properly transpiled and available for server-side rendering.

To use gluestack-ui components with server-side rendering, check the installation steps in nextJs installation.
